<!DOCTYPE html>
<html lang="zh-CN" xmlns="http://www.w3.org/1999/html">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>酒店列表</title>
<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, width=device-width">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-touch-fullscreen" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="format-detection" content="telephone=no">
<meta name="format-detection" content="address=no">
<link rel="stylesheet" type="text/css" href="/hodelcss/common.css">
<link rel="stylesheet" type="text/css" href="/hodelcss/index.css">
<link rel="stylesheet" type="text/css" href="/hodelcss/mui.min.css"/>
<link rel="stylesheet" href="/hodelcss/reset.css">
<script type="text/javascript" src="/hodeljs/jquery.min.js"></script>
<script type="text/javascript" src="/hodeljs/iscroll.js"></script>
<script type="text/javascript" src="/hodeljs/jquery.flexslider-min.js"></script>
<script src="/hodeljs/hmt.js" type="text/javascript"></script>
<script type="text/javascript" src="/hodeljs/index.js"></script>
<script src="/hodeljs/swiper.min.js" type="text/javascript" ></script>

<!--项目自用js-->
<script src="/js/jquery/jquery.min.js"></script>
<script src="/js/bootstrap-4.1.1-dist/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="/css/font/css/font-awesome.min.css"/>
<link rel="stylesheet" href="/css/reset.css"/>
<link rel="stylesheet" href="/css/myStrategyComment.css"/>
<script src="/js/plugins/jrender/jrender.min.js"></script>
<link rel="stylesheet" href="/js/plugins/dialog2/dialog.css"/>
<script src="/js/plugins/dialog2/dialog.min.js"></script>
<script src="/js/plugins/form/jquery.form.js"></script>
<script src="/js/common.js"></script>

<script>
    $(function () {
			//接收请求参数
			var params = getParams();
        if(params.hotelType){
			//发送get请求 获取所有这个hotelType类型的商品
			$.get("/hotel",{pageSize:4,hotelType: params.hotelType,productType:1},function (data) {
                $("#main").renderValues(data,{
                    gethref:function (item,value) {
                        var data = $(item).data("href");
                        $(item).attr("href",data+value);
                    }
                })
            })
		}
		//给高级查询绑定 点击事件
		$(".Brands").click(function () {
			var orderBy = $(this).data("href");
			$.get("/hotel",{orderBy:orderBy,pageSize:8,hotelType: params.hotelType,productType:1},function (data) {
                $("#main").renderValues(data,{
                    gethref:function (item,value) {
                        var data = $(item).data("href");
                        $(item).attr("href",data+value);
                    }
                })
            })
        })
		if(params.wb==5){
            $.get("/hotel",{pageSize:8,productType:1},function (data) {
                $("#main").renderValues(data,{
                    gethref:function (item,value) {
                        var data = $(item).data("href");
                        $(item).attr("href",data+value);
                    }
                })
            })
		}


    })

</script>
</head>
	<body>
		<header class="hasManyCity hasManyCitytwo" id="header">
			<a href="javascript:history.go(-1)" class="fl fanhui"><i class="iconfont icon-fanhui"></i></a>
		</header>
		<!-- screening -->
		<div class="screening">
		    <ul>
				<li class="Brands" data-href="h.nums">按照酒店规模</li>
		        <li class="Brands" data-href="h.price">按照价格排序</li>
		        <li class="Brands" data-href="h.orders desc">按照销量排序</li>
		    </ul>
		</div>
		<!-- End screening -->		
		<!-- Category -->

		<!-- End Category -->
		<!-- grade -->

		<!-- End Category -->
		<div id="container">		
			<div id="main">
				<div class="guess-like">
					<dl class="list" render-loop="list">
						<dd>
							<dl class="list">
								<dd>
									<a render-fun="gethref" render-key="list.id" data-href="/mall-detail.html?id=" class="react">
										<div class="dealcard">
											<div class="dealcard-img imgbox">
												<span></span>
												<img render-src="list.coverUri"/>
											</div>
											<div class="dealcard-block-right">
												<div class="dealcard-brand single-line" render-html="list.hotel">锅里添香美食涮烤自助餐厅</div>
												<div class="title text-block" render-html="list.bedName">[宿州路]单人自助中餐</div>
												<div class="price">
													<span class="strong" render-html="list.price"></span>
													<span class="strong-color">元</span>
													<span class="tag">多优惠+</span>
													<span class="line-center" >
										                     商品已售出
										            </span></br>
													<span class="line-right" render-html="list.orders">
										            </span>

												</div>
											</div>
										</div>
									</a>
								</dd>
							</dl>
						</dd>
					</dl>
		
				</div>
			</div>
		</div>
	</body>
	<script src="/hodeljs/other.js" type="text/javascript"></script>
</html>
